/* 

dark cyan #163347;
light blue #00B6ED;
green #7ED321;
pink #E3B6FF;
yellow #F8E71C;
red #D0021B;
dark blue #124A63;
grey #637C8E

*/
html {
    font-size: 14px;
}

html, body {
    height: 100%;
    min-height: 100%;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.ag-header, .ag-footer {
    height: 70px;
    width: 100%;
    opacity: .8;
    color: #FFF;
}

.ag-main {
    height: calc(100% - 140px);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.ag-rounded {
    border-radius: 19px!important;
}

.ag-href{
    color: #FFF;
    cursor: pointer;
}

.ag-href:hover {
    color: #FFF;
}